@charset "UTF-8";
/**
 * 
 * @authors 3pixel (kermit@piexl.net)
 * @date    2017-11-22 11:47:01
 * @version v0.0.1
 */

//引入变量
@import "variable.less";

//引入混合函数
@import "mixins.less";

.footer{
 	padding:38px 0;
 	background-color:#181716;
 	color:rgba(255, 255, 255, 0.5);
 	font-size:16px;
 	a{
 		color:rgba(255, 255, 255, 0.5);
 		&:hover{
 			color:rgba(255, 255, 255, 1);
 		}
 	}
 	.footer-subscribe{
 		@rowHeight:48px;
 		line-height:@rowHeight;
 		font-size:16px;
 		margin-bottom:20px;
 		display:inline-block;
 		label{
 			font-size:20px;
			padding-right:20px;
 		}
 		input{
 			border:0;
 			outline:0;
 			background-color:#262524;
 			max-width:280px;
 			.box-sizing(border-box);
 			display:inline-block;
 			height:@rowHeight;
 			padding-left: 0.5em;
 			padding-right: 0.5em;
 			.border-radius(0);
 			color:rgba(255, 255, 255, 0.8);

 		}
 		.btn-submit{
 			height:@rowHeight;
 			padding:0 1.5em;
 			cursor:pointer;
 			background-color:#4e2626;
 			border:0;
 			border-radius:0;
 			color:#fff;
 			&:hover{
 				cursor:pointer;
 				background-color:#d93231;
 			}
 		}
 	}
 	.footer-links{
 		@iconWidth:30px;
 		line-height:@iconWidth;
 		.line{
 			padding:0 0.5em;
 		}
		.copy-info{
			padding-right:25px;
		}

 	}
}


@media screen and (max-width:768px){
.footer{
 	padding-top:80*@rpx;
 	padding-bottom:80*@rpx;
 	.footer-subscribe{
 		@rowHeight:36px;
		margin-bottom:10px;
		line-height:@rowHeight;
 		label{
			font-size:16px;
			padding-right:20*@rpx
 		}
 		input{
 			height:@rowHeight;
 			max-width:280*@rpx;
 		}
 		.btn-submit{
 			height:@rowHeight;
 			padding-left:1em;
 			padding-right:1em;
 		}
 	}
 	.footer-links{
 		@iconWidth:26px;
 		line-height:@iconWidth;
 		.line{
			&.last-line{
				display:none;
			}
 		}
		.copy-info{
			display:block;
			padding-right:0;
			margin-bottom:30*@rpx;
		}
 	}
}
}
